<!--<div class="logo ">-->
  <!--<img src="assets/imgs/login/logo.png"-->
       <!--width="364" height="57" />-->
<!--</div>-->
<!--<img src="../../assets/imgs/login/groundback.png" alt="">   -->
<div class="con">
  <form id="auth_login_form">
    <div class="input" tabindex="0" (keyup.enter)="login()" >
      <div class="form-group">
        <label for="accountName">账号</label>
        <input class="name form-control" id="accountName" name="accountName" type="text" placeholder="请输入用户名"  required [(ngModel)]="account.accountName"/>
      </div>
      <div class="form-group">
        <label for="password">密码</label>
        <input class="code form-control" id="password" name="password" type="password" placeholder="请输入密码"  required [(ngModel)]="account.password" />
      </div>
      <div class="button">
        <input type="button" id="submitBtn" class="btn" [value]="loginMessage" (click)="login()" [disabled] = "isDisabled"/>
      </div>
      <div id="authenMsgDiv" class="msg" *ngIf="message" >{{message}}</div>
    </div>
  </form>
  <p class="one-peach-copyright">©2017 汉威科技成员企业 . 雪城软件  版权所有</p>
  <div class="one-peach-platform">
    <div class="one-peach-platform-city">雪城</div>
    <div class="one-peach-platform-name">大气超级站综合分析平台</div>
    <div class="one-peach-platform-content">测得准，说的清</div>
  </div>
  <div class='one-peach-login-effect'>
    <span class='one-peach-login-effect-blue one-animation-time-fast' style="top: 430px;left: 140px;"></span>
    <span class='one-peach-login-effect-red'></span>
    <span class='one-peach-login-effect-blue one-animation-time-slow'></span>
    <span class='one-peach-login-effect-blue one-animation-time-fast' style="top: 400px;left: 350px;"></span>
    <span class='one-peach-login-effect-blue' style="top: 520px;left: 216px;"></span>
    <span class='one-peach-login-effect-blue one-animation-time-slow' style="top: 469px;left: 315px;"></span>
  </div>
  <div class="one-peach-login-right">
    <div></div>
    <div></div>
    <div></div>
  </div>
</div>



